/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import { createStackNavigator, createAppContainer } from "react-navigation";
import Home from './src/components/Home';
import AddAccount from './src/components/AddAccount';
class App extends Component{
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>Welcome to React Native!</Text>
        <Text style={styles.instructions}>To get started, edit App.js</Text>
        <Text style={styles.instructions}>{instructions}</Text>
      </View>
    );
  }
}
const AppNavigator = createStackNavigator(
  {
    home: Home,
    addAccount:AddAccount,
    // transitionConfig:()=>({
    //   screenInterpolator: CardStackStyleInterpolator.forHorizontal,
    // })
  },
  {
    initialRouteName:'home',
    defaultNavigationOptions:{
      headerStyle:{
        backgroundColor:'#ED5100',
      },
      headerTitleStyle:{
        color:'white',
        fontSize:20,
        textAlign:'center',
        borderWidth:1,
        borderColor:'gray'
      },
      //headerLeft:(<LeftButton/>)
    }
  }
  
);
export default createAppContainer(AppNavigator);